<template>
  <div class="search_box" id="searchPoin">
    <div class="form_title itemScrollWrapper">查询</div>
    <el-form
      :model="form"
      ref="form"
      :inline="false"
      size="normal"
      label-position="top"
    >
      <el-form-item class="is-required" label="名称" prop="name">
        <el-input
          :value="value.queryName"
          @input="
            $emit('input', {
              ...value,
              queryName: $event,
            })
          "
          size="small"
        ></el-input>
      </el-form-item>
      <!-- <el-form-item class="is-required" label="来源流名称" prop="name">
        <el-input
          :disabled="true"
          :value="value.from"
          @input="
            $emit('input', {
              ...value,
              from: $event,
            })
          "
          size="small"
        ></el-input>
      </el-form-item> -->
    </el-form>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  computed: {},
  props: {
    value: {
      required: true,
    },
    form: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      // form: { name: "" },
      rules: {
        name: [{ required: true, message: " " }],
      },
    };
  },
  methods: {
    input($event) {
      //   this.$emit("input", event.target.value);
      this.$emit("input", $event);
    },
  },
};
</script>

<style scoped lang='scss'>
.search_box {
  width: 100%;
}
.search_box /deep/ .el-form-item__label {
  width: 100px;
  padding-bottom: 0;
}
</style>